<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆</title>
    <link rel="shortcut icon" href="../img/loginImgs/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="/lib/requirejs/require.js" data-main="/js/cart"></script>

</head>
<body>
    <div class="top1">

    </div>

    <div class="cart-header">
        <div class="wrap">
                <div class="p_l">
                        <div class="logo">
                            <a href="/"></a>
                        </div>
                        <div class="page_title">
                            <h2>购物车</h2>
                        </div>
                    </div>
            
                    <div class="p_r">
                        <div class="page_step">
                            <div class="step_1">
                                
                            </div>
                        </div>
                    </div>
        </div>
    </div>

    <div class="cart-body">
        <div class="wrap">
            <div class="cart-body-header">
                <ul>
                    <li>全部商品(<span>0<span>) <i>|</i> </li>
                    <li>优惠商品(<span>0<span>) <i>|</i> </li>
                    <li>库存紧张(<span>0<span>) <i>|</i> </li>
                </ul>
            </div>

            <div class="empty">
                    空空如也！
                    <a href="/">去首页</a>
            </div>
            <div class="cart-body-list">
                    <div class="cart-th">
                        <ul class="cle">
                            <li class="td td-chk">
                                <input type="checkbox" class="ck_all">
                                <em>全选</em>
                            </li>
                            <li class="td td-item">商品</li>
                            <li class="td td-info">商品信息</li>
                            <li class="td td-price">单价</li>
                            <li class="td td-num">数量</li>
                            <li class="td td-sum">小计</li>
                            <li class="td td-op">操作</li>
                        </ul>
                    </div>

                    <div class="cart-box">
                        <script type="text/html" id="cart-template">
                            {{each pro prod}}
                            <div class="item-list">
                                    <ul>
                                        <span class="id" style="display:none;">{{prod.id}}</span>
                                        <li class="td-chk">
                                            <input type="checkbox" class="ck_prod">
                                        </li>
                                        <li class="td-item">
                                            
                                                <img src="{{prod.img}}" alt="" class="item-pic">
                                            
                                            <a href="">{{prod.title}}</a>
                                        </li>
                                        <li class="td-info">
                                            <p>规格：1#象牙白</p>
                                        </li>
                                        <li class="td-price">
                                            <p class="old">￥{{prod.sprice}}</p>
                                            <p class="new">￥{{prod.lprice}}</p>
                                        </li>
                                        <li class="td-num">
                                            <span class="decrement">-</span>
                                            <input type="text" class="num" value="{{prod.amount}}">
                                            <span class="increment">+</span>
                                        </li>
                                        <li class="td-sum">
                                            <P>￥<span class="sub">{{(prod.lprice*prod.amount).toFixed(2)}}</span></P>
                                        </li>
                                        <li class="td-op">
                                            <a href="javascript:void(0);" class="del">删除</a>
                                        </li>
                                    </ul>
                                </div>
                            {{/each}}
                        </script>
                    </div>

                    
                  
            </div>
            <div class="select-all">
                <div class="s-l">
                   
                    <a href="javascript:void(0);" class="del-ck">删除</a>
                    <a href="javascript:void(0);">清空失效商品</a>
                </div>
                <div class="s-r">
                    <a href="javascript:void(0);" class="settlement">去结算</a>
                    <p>共有<span class="all-num">0</span>商品，总计 <span class="all-sum">￥<span class="total">0.00</span></span></p>
                </div>
            </div>
        </div>
    </div>

    <footer></footer>
</body>
</html>